.login {
	height: 520px;
	.container {
		width: 100%;
		height: 100%;
		.layer {
			width: 1200px;
			margin: 0 auto;
			height: 100%;
			display: flex;
			align-items: center;
			.ad {
				cursor: pointer;

			}

			.form {
				width: 360px;
				height: 450px;
				background: #fff;
				border-radius: 10px;
				header {
					position: relative;
					padding: 30px 0 20px;
					border-bottom: 1px solid #eee;
					font-size: 20px;
					color: rgba(0,0,0,.85);
					text-align: center;
					font-weight: 400;
					h2 {
						margin-bottom: 0;
					}
				}
				header::after {
					content: "";
					position: absolute;
					left: 50%;
					bottom: -1px;
					width: 30px;
					height: 2px;
					margin-left: -15px;
					background: #ff527d;

				}
				main {
					padding: 0 30px;
					p {
						height: 50px;
						line-height: 50px;
						font-size: 14px;
						color: #999;
						text-align: center;
					}
					form {
						position: relative;
						.error {
							position: absolute;
							left: 17px;
							bottom: 63px;
							color: #ff527d;
							font-size: 12px;
						}
						input {
							width: 100%;
							border: none;
							height: 40px;
							line-height: 40px;
							padding: 0 24px;
							border-radius: 20px;
							color: #333;
							background: #eee;
							margin-bottom: 30px;
						}
						button {
							margin: 20px auto 36px;
							width: 300px;
							height: 40px;
							border: none;
							border-radius: 20px;
							color: #fff;
							font-size: 16px;
							background: #ff527d;
							letter-spacing: 6px;
							cursor: pointer;
						}
					}
				}
			}
		}
	}

}
